/*
Author: Emon Vida ( Ahmed Jamal )
Author URI: http://www.emonvida.com
Team URI: http://www.2-steps.net
*/
@import url("css/jqueryslidemenu.css");

body {
    color: #333;
    font-family: Droid Arabic Kufi, Arial, sans-serif;
    font-size:11px;
    background-position: top center;
    background-repeat:no-repeat;
	background-attachment:fixed;
    padding: 0;
    margin: 0;
}
a:link {text-decoration:none;color:#91437c;}
a:visited {text-decoration:none;color:#91437c;}
a:hover {color:#c166a8;}
a:active {color:#c166a8;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
img {border:0;}
.left{float:left; padding:0; margin:0}
.rught{float:right;}
.clear {clear:both;}
.clearfix {float:none;clear: both;}
.clr{clear:both;}
q:before,q:after {content:'';}
.shadow-hover:hover {-webkit-box-shadow: -0px 1px 2px rgba(0,0,0,.4);-moz-box-shadow: -0px 1px 2px rgba(0,0,0,.4);box-shadow: -0px 1px 2px rgba(0,0,0,.4);}
.shadow-2 {-webkit-box-shadow: -0px 1px 2px rgba(0,0,0,.4);-moz-box-shadow: -0px 1px 2px rgba(0,0,0,.4);box-shadow: -0px 1px 2px rgba(0,0,0,.4);}
.rounded-5{-webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important;}
.ground_1 {
    /* FF3.6 */
    background: to(rgba(255 -webkit-gradient( .1));/* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#19FFFFFF, EndColorStr=#19000000)"; /* IE8 */	
}
/*------------------------ Carousel --------------------------*/
.head_ads_s { width:980px; margin:0 auto 0 auto;}

/*************** Quote Title ***************/
.quote_bg {background-color:#f9f9f9; border:1px solid #dfdfdf; padding:5px; }
.quote_title { position:relative; float:right; height:20px; width:60%; color:#333; margin:0 5px 10px 5px; height:30px;}
.quote_title span { position:absolute; top:2px; color:#333; font-size:11px; margin:0px 5px 0px 5px; }
/*************************** General Styling ***************************/
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
    text-decoration:none;
}
.title_forum {font-size:13px;font-weight:bold;margin:0 0 0px 0;padding:0;font-family:Droid Arabic Kufi, Arial, Times;}
h1 {font-size:30px;font-weight:bold;margin:0 0 7px 0;padding:0; font-family:Droid Arabic Kufi, Arial, Times;}
h2 {font-size: 12px;}
h3 {font-size: 12px;}
h4 {font-size: 11px;}
h5, h5 a {font-size: 10px;text-transform: none;font-weight: bold;}
h6 {font-size: 9px;}
.hr{display: block;height: 0px;border-top: 1px dotted #aab1b4;border-bottom: 1px dotted #fff;margin:7px auto 7px auto;}


/*------------------------ Header --------------------------*/
.top_nav {
	width:100%;
	height:50px;
	margin:0 0 20px 0;
	padding:0;z-index:2;
}
.header {z-index:9; padding:0;width:980px; height:120px;margin:10px auto 10px auto; position:relative; z-index:1;}
.default {width:980px;margin:0 auto 0 auto;position:relative;}
.topnav_header_c {width:980px;min-height:50px; margin:0 auto 20px auto; position:relative;}
.header  .sol {width:80px; height:16px; float:left; text-align:right;position: absolute; top:10px; left:230px;}
.header  .sol a { width:16px; float:right; margin-left:5px;}
.header .logo {width:257px; height:103px; float:right; margin:5px 0 0 0;position:absolute;top:0;right:0; }
.header .logo a {float:right;}
.header .ads_header_right { position:absolute;left:0; top:35px; float:left; width:468px;min-height:60px; margin:0; }

/* Search in header bar */
.search_header { height:34px; position: absolute;top:0;left:7px;width: 210px;margin:0;padding:0;}
.search_header input[type="text"]{ color:#555; width:150px; height:20px; float:right;border:1px solid rgba(0,0,0,0.15); padding:3px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;}
.search_header input[type="submit"]{ position:absolute; left:2px; top:2px; width:50px; height:28px; float:left; background:#e65724 url(images/icons/search-icon.png) no-repeat center center; border:none; cursor:pointer;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;}
.search_header input[type="submit"]:hover{ background:#d3292c url(images/icons/search-icon.png) no-repeat center center; border:none;}

.searchq {
position:absolute;
left:7px;
top:34px;
float: left;
margin-top: 0px;
margin-left: 0px;
border: 0px;
font-family: Droid Arabic Kufi, Arial, Droid Arabic Kufi;
font-size:10px;
color:#FFF;
}
.searchq a:link, .searchq a:visited { text-decoration: none; color: #e66924;}
.searchq a:hover, .searchq a:active {color: #FFF;}

.content_all {width:980px; margin:0 auto -5px auto;-webkit-border-bottom-right-radius:3px!important;-moz-border-radius-bottomright:3px!important;border-bottom-right-radius:3px!important;-webkit-border-bottom-left-radius:3px!important;-moz-border-radius-bottomleft:3px!important;border-bottom-left-radius:3px!important;}

.content_padding {padding:7px;}
.content_in {width:auto; margin:0 auto 0 auto; padding:0; background:#FFF;}

.social_icon { position:absolute; left:65px; top:0; width:300px; height:60px;}
.social_icon a { float:left; margin-right:10px;}
.social_icon a img{ width:55px; height:60px;}

ul.second_nav { font-size:12px; list-style:none; display:inline; width:900px; height:30px; p color:#FFF; padding:0; margin:0;}
ul.second_nav li { float:right; border-left:1px solid #a13b3b;height:30px; line-height:30px; padding:3px 8px 3px 8px; margin:0;}
ul.second_nav li:last-child {border-left:0px solid #a13b3b;}
ul.second_nav li a:link {text-decoration:none;color:#f7f7f7;}
ul.second_nav li a:visited {text-decoration:none;color:#f7f7f7;}
ul.second_nav li a:hover {color:#333;}
ul.second_nav li a:active {color:#333;}
.slider_head {position:relative;width:980px;margin: 0 auto 0 auto;min-height:269px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

.tipsy {
    padding:5px;
    font-size:10px;
    opacity:0.9;
    filter:alpha(opacity=80);
    background-repeat:no-repeat;
    background-image:url(images/tipsy.gif);
}
.tipsy-inner {
    padding:5px 8px 4px 8px;
    background-color:black;
    color:white;
    max-width:200px;
    text-align:center;-moz-box-shadow: 0 0 3px #333;-webkit-box-shadow: 0 0 3px #333;box-shadow: 0px 0 3px #333;
}
.tipsy-inner {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.tipsy-north {
    background-position:top center;
}
.tipsy-south {
    background-position:bottom center;
}
.tipsy-east {
    background-position:right center;
}
.tipsy-west {
    background-position:left center;
}
/*-------------------------------------------------------*/
/*---------------23 - TITLE TIPSY DIV CSS---------------*/
/*-------------------------------------------------------*/
/*INTRO PANEL*/
.intro-panel {
    width:960px;
    margin:0 auto;
}
#titles-des {
    height:80px;
    width:100%;
    float:left;
    background:#bc1e04;
    background:-moz-linear-gradient(top,#bc1e04 0%,#b01a04 44%,#a71603 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bc1e04),color-stop(44%,#b01a04),color-stop(100%,#a71603));
    background:-webkit-linear-gradient(top,#bc1e04 0%,#b01a04 44%,#a71603 100%);
    background:-o-linear-gradient(top,#bc1e04 0%,#b01a04 44%,#a71603 100%);
    background:-ms-linear-gradient(top,#bc1e04 0%,#b01a04 44%,#a71603 100%);
    background:linear-gradient(top,#bc1e04 0%,#b01a04 44%,#a71603 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1e04',endColorstr='#a71603',GradientType=0 );
    border-bottom:1pt solid #f5f5f5;
    border-top:1pt solid #9c1804;
    margin-top: -1px;
}
/*INTRO PANEL*/
#titles-des ul li {
    text-decoration:none;
    width:168px;
    padding:0px 0px 0 0px;
    margin:2px 30px 0 0px;
    overflow:hidden;
    float:left;
}
#titles-des a {
    text-decoration:none;
    font-size:20px;
    color:#111;
    padding:7px 0 5px 0px;
    margin-top:10px;
    display:block;
}
#titles-des span {
    text-decoration:none;
    font-size:12px;
    color:#f26c4f;
    font-weight:normal;
}
#titles-des li span:hover {
    color:#e64135;
    cursor:pointer;
}
.tipsy {
    padding:5px;
    font-size:10px;
    opacity:0.9;
    filter:alpha(opacity=80);
    background-repeat:no-repeat;
    background-image:url(images/tipsy.gif);
}
.tipsy-inner {
    padding:5px 8px 4px 8px;
    background-color:#d34b09;
    color:white;
    max-width:200px;
    text-align:center;
}
.tipsy-inner {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.tipsy-north {
    background-position:top center;
}
.tipsy-south {
    background-position:bottom center;
}
.tipsy-east {
    background-position:right center;
}
.tipsy-west {
    background-position: left center;
}

.qoute_header {	position:absolute;top:27px;right:210px; background:url(images/qoute.png) no-repeat top; width:212px; height:92px;}

/* Listen */
ul#textfad {
    position:absolute;
    top:42px;
    left:20px;
    float:left;
    width:450px;
    height:50px;
    border: none;
    padding:5px;
    list-style:none;
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
}
ul#textfad li{ font-family:Arial, Helvetica, sans-serif;font-size:20px;}
.fade{
    margin-bottom: 2em;
}
.fade p{
    margin-bottom: 2em;
    text-align: center;
    width: 100%;
}
a.social_icon{
    display: block;
    cursor:pointer;
    width: 35px;
    height: 35px;
    color: #afafaf;
    text-decoration: none;
    /* 
    border: 1px solid #ccc;
    */
}
/*Login Toggle*/
.top_nav .topnav_header_c .login-toggle{
	position: absolute;
	left: 55px;
	top: 0px;
	width: 55px;
	height: 50px;
	cursor: pointer;
	font-weight: bold;
	background-color: #797f86;
	background-image: url(images/login-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}
.top_nav .topnav_header_c .login-toggle:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}
.adv_login { width:410px; margin:0; padding:0; position:relative;left:0; float:left;top:50px; z-index:99;}
#adv-login-wrap{
	display: none;
	z-index: 9999;
	position: absolute;
	left: 0px;
	top: auto;
	width: 410px;
	/* FF3.6 */
	background: #797f86 -webkit-gradient( .1));/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#19FFFFFF, EndColorStr=#19000000)"; /* IE8 */
	-webkit-box-shadow:-1px 1px 2px rgba(0,0,0,.4); -moz-box-shadow:-1px 1px 2px rgba(0,0,0,.4); box-shadow:-1px 1px 2px rgba(0,0,0,.4); height:70px; line-height:30px; font-weight:bold; background-color:#797f86
}
.login_forum {
    position:absolute;
    width:310px;
    height:65px;
    left:0;
    top:60px;
    z-index:100;
}
/*Login*/
.login-box {
    position:relative;
    width:310px;
    height:65px;
    right:0;
    top:0;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
}
.av-login {
    background:url(images/av_none.png) no-repeat center center;
    position:absolute;
    right:0;
    top:0;
    width:38px;
    height:38px;
    margin: 2px 0px 0 5px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.4);
    box-shadow: 0px 1px 2px rgba(0,0,0,.4);
    border:3px solid #333;
}
.login-box .dit {
    position:absolute;
    right:50px;
    top:0;
	
}
.login-box .signin {
    position:absolute;
    right:50px;
    top:4px; width:256px;
	height:57px;
}
.login-box .signin .txtinput {
	float:right;
    width:118px;
    height:18px;
    line-height:18px;
    font-size:11px;
    padding:2px;
    margin:0 0 0 3px;
    background: #FFF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.login-box .signin .buttonsub{
    position:absolute;
    right:199px;
    top:30px;
    width:50px;
    height:20px;
    font-size:11px;
    font-weight:bold;
    border:0;
    padding:0 5px 2px 5px;
    cursor:pointer;
    text-align:center;
	text-shadow:none;
	
}
.login-box .signin .checkbox {
    position:absolute;
    right:142px;
    top:27px;
    padding:1px;
    margin-top:3px;
}
.login-box .signin span {
    position:absolute;
    right:0px;
    top:32px;
    padding:0px;
    margin-top:0px;
    font-size:9px;
}
.signout {
    position: absolute;
    top:10px;
    left:0;
    float:left;
    width:24px;
    margin:0;
}
.signout a {
    background:url(images/log-off.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    cursor:pointer;
}
.signout a:hover {background-position: 0 -24px;}

.ads_header {right:0; top:0; float:right; width:965px;min-height:60px; margin:10px 0 10px 0; }

/*************** Nivo Slider ****************/
.bg_nivo {
	position:relative;
	float:right;
    width:965px;
    height:200px;
    padding:0;
    /* start gradient */
    /* FF3.6 */
    background: #FFF -webkit-gradient( .1));/* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#19FFFFFF, EndColorStr=#19000000)"; /* IE8 */
    /* end gradient */
    color:#FFF; border:1px solid #676d73; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:5; background-color:#FFF
}
/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
    float:left;
	z-index:0;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;

}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
}
/* Caption styles */
.nivo-caption {
    position:absolute;
    right:0px;
    bottom:20px;
    background:#222;
    color:#FFF;
    opacity:0.8; /* Overridden by captionOpacity setting */
    width:350px;
    min-height:35px;
    z-index:8;
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
    position:relative;
    z-index:9;
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
.nivoSlider {
    position:relative;
    width:965px;
    height:200px;
    background:#FFF url(images/loading.gif) no-repeat 50% 50%;
    left:0px;
    top:0px;

}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Arial, Droid Arabic Kufi, sans-serif; font-size:20px; font-weight:bold;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

#slider1 .nivo-controlNav,
#slider2 .nivo-controlNav,
#slider4 .nivo-controlNav {
    position:absolute;
    left:50px;
    bottom:3px;
}
#slider4 .bg_navcontrol {
    position: absolute;
    left:20px;
    bottom:-14px;
    background:url(images/bg_navcontrol.png) no-repeat; width:186px; height:46px;
    z-index:9;
}
#slider1 .nivo-controlNav a,
#slider2 .nivo-controlNav a,
#slider4 .nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
#slider1 .nivo-controlNav a.active,
#slider2 .nivo-controlNav a.active,
#slider4 .nivo-controlNav a.active {
    background-position:0 -22px;
}
#slider2 a {
    display:block; /* IE Fix */
}
#slider3 {
    margin-bottom:110px;
}
#slider3 .nivo-controlNav {
    position:absolute;
    left:185px;
    bottom:-70px;
}
#slider3 .nivo-controlNav a {
    display:inline;
}
#slider3 .nivo-controlNav img {
    display:inline;
    position:relative;
    margin-right:10px;
    -moz-box-shadow:0px 0px 5px #333;
    -webkit-box-shadow:0px 0px 5px #333;
    box-shadow:0px 0px 5px #333;
}
#slider3 .nivo-controlNav a.active img {
    border:1px solid #000;
}

#slider 4 {
    margin-bottom:0;
    -moz-box-shadow:0px 0px 5px #333;
    -webkit-box-shadow:0px 0px 5px #333;
    box-shadow:0px 0px 5px #333;
}

/* Content
   ================================================== */


#genbox {background: #none;font-size: 11px;color: #3e3e3e;margin: 0 auto;padding:3px 10px 5px 10px;border:solid 0px #f7f7f7;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#genborder {background: #e9e8e9 url(images/gradients/gradient_cat2.gif) repeat-x top right;padding:3px;margin: 0 auto;border:solid 1px #dcdcdc;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#genbox .navbar {font: 11px Droid Arabic Kufi, verdana, geneva, lucida, lucida grande, arial, helvetica, sans-serif !important;}

.forum-content {margin: 0px auto 10px auto;padding:0px;}

.dott {
    float:right;
    background:#DDD;
    height:1px;
    width:100%;
    margin: 5px 0 5px 0;
    padding: 0px 0 0 0;
}
.alt5 {
	width:115px;
	padding: 0 0 0 0;
}
.alt5 span {
	float:left;
	text-align:left;
	font-size:12px;
}
.alt5 small {
	float:right;
	text-align:right;
	font-size:11px;
	color:#333;
}

.alt6 {
    width:115px;
    padding: 0 0 0 0;
}
.alt6 span {
    float:left;
    text-align:left;
    font-size:12px;color:#bc451c; font-weight:bold;
}
.alt6 small {
    float:right;
    text-align:right;
    font-size:11px;
    color:#bc451c;
}


/* Postbit
   ================================================== */
.share_post {  width:360px;}
.av-post {
    padding: 3px;
    background: #FFF;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 1px 5px #ccc;
    -webkit-box-shadow: 0 1px 5px #ccc;
    box-shadow: 0px 1px 5px #ccc;

}
.pro-mem1 {
    padding:2px;
    text-align:right;
    color:#333;
    background:#FFF;
    border-bottom: solid 1px #d5d5d5;
}

.pro-mem1 span { text-align:left; font-size:12px;}

.pro-mem2 {
    text-align:right;
    color:#666;
    height:23px;
    line-height:23px;
}
.pro-mem2:hover {
    text-decoration:none;
    font-weight:bold;
}
.pro-mem2 span {text-align:left;  font-size:12px; color:#333;padding:2px;}
.pro-mem2 img { float:left;}
.contact-mem {
    text-align:right;
    color:#666;
    background:#FAFAFA;
    border-top: solid 1px #d4d4d4;
    border-left: solid 1px #d4d4d4;
    border-bottom: solid 2px #d4d4d4;
    border-right: solid 2px #d4d4d4;
    margin: 13px 0 0 0;
}
.contact-mem-border {padding:5px;border: solid 1px #fefefe;}
.smallfont2 {
    font-size:10px;
    color:#666;
    padding: 0 0 5px 0;
}
.fontuser { font-size:14px;}
.texthead{position:relative; right:0;top:-26px;width:98px;color:#2b8eb9;background-color:#FAFAFA;border-color:#DDD #DDDDDD #FAFAFA;border-style:solid;border-width:1px;padding:4px
              2px 1px 0;}
.textads ul{position:relative}
.textads span .inner{background-color:#FAFAFA;border-color:#DDD #DDDDDD #FAFAFA;border-style:solid;border-width:2px;display:block;padding:4px
                         11px 1px;position:relative;}
.textads span .outer{background-color:#EEE;border:1px solid #E6E8E9;border-bottom:none;font-size:10px;height:13px;padding:3px;position:absolute;right:15px;top:-19px;}
.textads span. inner:after{background-color:#fafafa;bottom:-2px;content:".";height:3px;left:0;overflow:hidden;position:absolute;width:100%;}
div.syntaxhighlighter{font-size:11px !important;background:none !important;width:625px !important;}
.syntaxhighlighter .line .number{padding:2px
                                     !important}
.box_forum { background:#574c82;}

.pro-mem3 {
    position:relative;
    padding:2px;
    color:#333;
    text-align:left;
    border-bottom: solid 1px #e9e9e9;
    height:20px;
    line-height:23px;
    direction:ltr;
}
.pro-mem3:hover {
    color:#333;
    background:#e6e6e6;
    border-bottom: solid 1px #e9e9e9;
}

.pro-mem6 span { position:absolute; right:2px; top:2px; font-size:10px;}

.pro-mem6 {
    position:relative;
    width:136px;
    float:left;
    padding:2px;
    color:#333;
    text-align:left;
    border-bottom: solid 1px #e9e9e9;
    height:20px;
    line-height:23px;
    direction:ltr;
}
.pro-mem6:hover {
    color:#333;
    background:#e6e6e6;
    border-bottom: solid 1px #e9e9e9;
}

.pro-mem3 span { position:absolute; right:2px; top:2px; font-size:10px;}


.contact-mem {
    text-align:right;
    color:#666;
    background:#FAFAFA;
    border-top: solid 1px #d4d4d4;
    border-left: solid 1px #d4d4d4;
    border-bottom: solid 2px #d4d4d4;
    border-right: solid 2px #d4d4d4;
    margin: 13px 0 0 0;
}
.contact-mem-border {padding:5px;border: solid 1px #fefefe;}
.smallfont2 {
    font-size:10px;
    color:#666;
    padding: 0 0 5px 0;
}
.pro-mem4 {
    background-color:#FFF;
    text-align:right;
    color:#555;
    width:180px;
    border-bottom:1px solid #CCC;
}
.pro-mem4:hover {
    background-color:#efefef;
    text-decoration:none;
    font-weight:bold;
}
.pro-mem4bit {
    background-color:#FFF;
    text-align:right;
    color:#555;
    width:280px;
    border-bottom:1px solid #CCC;
}
.pro-mem4bit:hover {
    background-color:#efefef;
    text-decoration:none;
    font-weight:bold;
}
.smallfont4 {
    font-size:12px;
    padding: 0 0 5px 0;
}
/*************************** postbit_legacy Tabs ***************************/
.djdot{
    position:relative;
    right:0;
    font: 9px Droid Arabic Kufi;
    width: 180px;
    margin:15px 0 0 0;
    z-index:2;
}

.djdot ul{
    margin: 0;
    padding: 0;
    position: absolute;
    right:0;
    float:right;
}

.djdot ul li{
    display: inline;
    color: #333;
    font-size:10px;
    float:right;
    height:30px;
}

.djdot ul li a{
    padding: 2px;
    text-decoration: none;
    font-size:10px;
}

.djdot ul li a:hover{
    color: #919191;
    background: #fdfdfd;
    font-size:10px;
    padding:2px;
}

.djdot ul li a.selected{
    padding: 5px 2px 2px 2px;
    margin:0;
    font-size:10px;
}


.tabcontentstyle{ /*style of tab content oontainer*/
    width: 180px;
    margin: 0;
    padding: 0px;
}

.tabcontent{
    position: relative;
    top:14px;
    right:0px;
    width: 180px;
    border: 1px solid #e9e9e9;
    display:none;
    background:#fdfdfd;
    padding:0px 0 0px 0;
    clear:both;
    z-index:1;
}

/*************************** Postbit Tabs ***************************/
.djdotbit{
    position:relative;
    right:0;
    font: 9px Droid Arabic Kufi;
    width: 280px;
    margin:15px 0 0 0;
    z-index:2;
}

.djdotbit ul{
    margin: 0;
    padding: 0;
    position: absolute;
    right:0;
    float:right;
}

.djdotbit ul li{
    display: inline;
    color: #333;
    font-size:10px;
    float:right;
    height:30px;
}

.djdotbit ul li a{
    padding: 2px;
    text-decoration: none;
    font-size:10px;
}

.djdotbit ul li a:hover{
    color: #919191;
    font-size:10px;
    padding:2px;
}

.djdotbit ul li a.selected{
    padding: 5px 2px 2px 2px;
    margin:0;
    font-size:10px;
}


.tabcontentbitstyle{ /*style of tab content oontainer*/
    width: 280px;
    margin: 0;
    padding: 0px;
}

.tabcontentbit{
    margin-top:30px;
    width: 280px;
    border: 1px solid #e9e9e9;
    display:none;
    background:#fdfdfd;
    padding:5px 0 0px 0;

    z-index:1;
}


/* removing the active/focus dotted border */
#djdot_cbit {
    list-style-type:none; 
    padding:0; 
    width:36em;
    height:5em;
    margin:0 auto;
}
#djdot_cbit li {
    display:block; 
    width:7em; 
    height:2em; 
    float:left; 
    margin-right:0.2em;
}
#djdot_cbit a {
    display:block; 

    position:relative; 
    text-decoration:none;
}
#djdot_cbit a em {
    font-style:normal; 
    color:#000; 
    display:block; 
    width:7em; 
    height:1.5em; 
    border-bottom:0.5em solid #000; 
    position:absolute; 
    top:0; 
    left:0; 
    cursor:pointer;
}
#djdot_cbit a:hover {
    color:#c00;
}
#djdot_cbit a:hover em {
    border-bottom:0.5em solid #c00;
}


#djdot_cbit a:active, #djdot_cbit a:focus {
    /* reduce the link size to zero when the link is in the 
    active/focus state.
    This literally removes the dotted border which is ONLY applied
    to the link itself and not any containing elements WHEN THOSE
    ELEMENTS HAVE A POSITION ABSOLUTE! */
    width:0; height:0;
    outline:0; /* for browsers that understand */
}

/* adding the active/focus state */
#djdot_dbit {
    list-style-type:none; 
    padding:0; 
    width:36em; 
    height:5em; 
    margin:0 auto;
}
#djdot_dbit li {
    display:block; 
    width:7em; 
    height:2em; 
    float:left; 
    margin-right:0.2em;
}
#djdot_dbit a {
    display:block; 
    width:7em; 
    height:2em; 
    position:relative; 
    text-decoration:none;
}
#djdot_dbit a em {
    display:block; 
    font-style:normal; 
    width:7em; 
    height:1.5em; 
    color:#000; 
    border-bottom:0.5em solid #000; 
    position:absolute; 
    top:0; 
    left:0; 
    cursor:pointer;
}
#djdot_dbit a:hover {
    color:#c00;
}
#djdot_dbit a:hover em {
    border-bottom:0.5em solid #c00;
}
#djdot_dbit a:active, #djdot_dbit a:focus {
    width:0; 
    height:0;
    outline:0; /* for browsers that understand */
}

#djdot_dbit a:active em, #djdot_dbit a:focus em {

    /* change the em bottom border and text to blue on
    active/focus thus giving a suitable alternative to
    the dotted border */
    border-bottom:0.5em solid #00c; 
    color:#00c;
    outline:0; /* for browsers that understand */
}

@media print {
    .tabcontentbit {
        display:block !important;
    }
}
/* Footer
   ================================================== */
/* Footer
   ================================================== */
.footer_a {width:100%; height:167px; margin:20px auto 0px auto; color:#333; -moz-box-shadow: #111 0px 0px 5px;-webkit-box-shadow: #111 0px 0px 5px;box-shadow: #111 0px 0px 5px;}
.footer_line { width:100%; height:5px;}
.footer_atop {width:100%; height:42px; margin:0 auto 0px auto; color:#333;}
.footer_atop .cul_1 { width:980px; height:42px; line-height:40px; margin:0 auto 0 auto; font-size:11px; }
.footer_atop .cul_1 ul{ width:600px; float:right;list-style: none; margin:0; padding:0;}
.footer_atop .cul_1 ul li {float: right;padding: 0 7px 0 7px;}
.footer_atop .cul_1 ul li:first-child{padding:0 7px 0 7px;}
.footer_atop .cul_1 ul li:last-child{padding:0 7px 0 7px;}
.footer_atop .cul_1 ul li a{ float:right;color: #e46c32 !important;	border: 0px !important;}
.footer_atop .cul_1 ul li a:hover{color: #FFF !important;	border: 0px !important; text-decoration:underline;}

.footer_atop .cul_1 .share { position:relative; top:10px; left:0; float:left; width:350px; height:30px; margin:0;}
.footer_atop .cul_1 .share .facebook_button { position: absolute; right:10px; top:0; width:94px; height:30px;}
.footer_atop .cul_1 .share .facebook_button .fb { position:relative; top:0; right:-15px;height:30px; width:90px; }
.footer_atop .cul_1 .share .google_button { position: absolute; right:100px; top:0; width:94px; height:30px; }
.footer_atop .cul_1 .share .google_button .gg { position:relative; top:0; right:20px;height:30px; width:70px;}
.footer_atop .cul_1 .share .twitter_button { position: absolute; left:5px; top:0px; width:80px; height:30px;}
.footer_atop .cul_1 .share .twitter_button .tt { position:relative; top:0; right:0;height:30px; width:70px;}

.footer_b {width:980px; height:80px; position:relative; top:0; margin: 0 auto 0 auto; padding-top:0; }
.footer_c {width:470px; height:80px; position:absolute; left:0; color:#FFF;}
.footer_b .ads468 {width:468px; height:60px; float:right;position:absolute; top:10px; right:0;}
.footer_c .textet { padding-top:5px;float:left; text-align:left; color:#fff; font-size:11px;}

.footer_x {position: relative; bottom:0px; width:980px; height:35px; margin:0 auto 0 auto; color:#FFF; }
.footer_x .network { position: absolute; right:0px; top:-15px; height:140px; width:34px; float:right; }
.footer_x .network img {padding-bottom:0px;}
.footer_x .copy { float:left; width:300px; height:35px; text-align:left; line-height:35px;}
.footer_x .navostyle { position: absolute; right:0; top:0px; width:400px; height:35px; float:right;}
.footer_x .navostyle select {padding:4px;}

/*************** Forum ***************/
.page {color: #666;margin:0;padding:0;}
td, th, p, li {font-size:11px;font-family: tahoma, verdana, geneva, lucida, arial, helvetica, sans-serif;}
.tborder {border:1px solid #dedede !important;}
.tcat {font-weight:bold;font-size:11px;font-family: Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif;}

.thead {font-weight:bold;font-size:11px;font-family: Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif}


.alt1, .alt1Active {
    background: #fdfdfd;
    color: #000000;
    font-size:12px;
}
.alt2, .alt2Active {
    background: #f7f7f7;
    color: #000000;
    border-left:1px solid #f9f9f9;
    border-bottom:1px solid #f9f9f9;
}

select {padding:5px;font-size:11px;font-family: Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif;}
.button {padding:3px;font-size:11px;font-family: Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif; border:none;}
.smallfont{font-size:11px;font-family: tahoma, verdana, geneva, lucida, arial, helvetica, sans-serif;}

.navbar {font-size:11px;font-family: Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif;}
.panelsurround {background:#e1e1e1 url(images/gradients/gradient_panelsurround.gif) repeat-x top left; color:#000000;}
.panel {background:#eeeeee url(Game-Addicts-v5-2StepsTeam/images/gradients/gradient_panel.gif) repeat-x top left;padding: 5px;border: 2px outset; color:#000000;}
.highlight { color:#972727; font-weight:bold;}
.inlinemod { background:#FFFFCC; color:#333;}
legend { color:#333; font-size:11px;font-family: Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif;border:none;}
.bginput {font-size:11px;font-family: Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif;}

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14px; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/***********************************/
form input, textarea {
    border: 1px solid #c5cdd0;
    padding: 3px;
    margin: 2px 1px 1px 1px;
    color: #444;
    font-family: Droid Arabic Kufi, Arial, sans-serif;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;		
}
form input[type=text]:focus, textarea:focus {
    border: 1px solid #e66925;
    -moz-box-shadow: #e66925 0px 0px 5px;
    -webkit-box-shadow: #e66925 0px 0px 5px;
    box-shadow: #e66925 0px 0px 5px;

}
form input[type=submit], .button_def {
    font-family: Droid Arabic Kufi, Arial, sans-serif;
    margin: 0px 2px 0 0;
    padding: 2px 5px 2px 5px;
    clear: both;
    cursor: pointer;		
}
form input[type=radio] {border:0;padding:0;margin:1px 2px 0 2px;}
form input[type=checkbox] {border:0;}
form input[type=image] {border:0;}
.vbmenu_control { 
    font-family:Droid Arabic Kufi, Arial, geneva, lucida, helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink {color: #FFFFFF;text-decoration: none;}
.vbmenu_control a:visited, .vbmenu_control_avisited {color: #FFFFFF;text-decoration: none;}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover {color: #FFFFFF;text-decoration: underline;}
.vbmenu_popup {background:#FFF; color:#000000;border: 1px solid #bdbebf;}
.vbmenu_option {
    background: #EEE;
    color: #000000;
    font: 11px Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink { color: #666; text-decoration: none;}
.vbmenu_option a:visited, .vbmenu_option_avisited {color: #666;text-decoration: none;}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover {color: #333;text-decoration: none;}

.vbmenu_hilite {
    background: #e5e5e5;
    color: #7e7e7e;
    font: 11px Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #333; text-decoration: none;}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {color: #333;text-decoration: none;}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover{color: #333;text-decoration: none;}

.wysiwyg {background: #fbfbfb;color: #000000;font: 11px Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif;margin: 5px 10px 10px 10px;padding:5px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}

textarea, .bginput {font: 11px Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif;}
.bginput option, .bginput optgroup {font-size: 11px;font-family: Droid Arabic Kufi, verdana, geneva, lucida, arial, helvetica, sans-serif;}
.fjsel {background: #EEE;color: #444;}
.fjdpth0 {background: #c7c7c7;color: #222;}

.sec_button {
	position: relative;
	top:10px;
	left:0px;
	float:left;
	width:70px;
	margin:0;
}
.sec_button a {
	background:url(images/sec_button.png) 0 0 no-repeat;
	width: 70px;
    height: 22px;
	display: block;
	cursor:pointer;
}
.sec_button a:hover {
	background-position: 0 -22px;
}


